import React from 'react'
import { Popup, Card, Image, Button, Toast, Space } from 'react-vant';
import { Arrow, Like } from '@react-vant/icons'
/* 弹出层 */

export default function XiangQing(props: any) {
    //console.log(props);

    return (
        <div>
            <>
                <Popup visible={props.visible}>
                    <div style={{ height: '100vh', width: '100vw' }}>
                            <Card round style={{ marginBottom: 20 }}>

                                <Card.Cover>
                                    <Image src={props.itemobj.img} />
                                </Card.Cover>

                                <Card.Header
                                    extra={<Arrow />}>
                                    封面展示
                                </Card.Header>

                                <Card.Body>
                                    卡片内容区域
                                </Card.Body>

                                <Card.Footer>
                                    <Space>
                                        <Button round size='small'>
                                            更多
                                        </Button>
                                        <Button
                                            icon={<Like />}
                                            round
                                            color='linear-gradient(to right, #ff6034, #ee0a24)'
                                            size='small'
                                        >
                                            Like
                                        </Button>
                                    </Space>
                                </Card.Footer>
                            </Card>
                    </div>
                </Popup>
            </>
        </div>
    )
}
